/*reset*/
body,div,h2,h3,ul,li,p,img{margin: 0; padding: 0;}
a{
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
ul{
	list-style: none;
}
body{
	color: #333;
	background: #3c3a3b;
	font: 12px/1.5 Arial;
}
#layer{
	margin-top: 20px;
	margin-left: 250px;
}
#msgBox{
	width:800px;
	background:#fff;
	border-radius:5px;
	margin:10px auto;
	padding-top:10px;
}
#msgBox form h2{
	font-weight:400;
	font:400 18px/1.5 Arial;
}
#msgBox form{
	padding:0 20px 15px;
}
#userName,#conBox{
	color:#777;
	border:1px solid #d0d0d0;
	border-radius:6px;
	padding:3px 5px;
	font:14px/1.5 Arial;
}
#userName.active,#conBox.active{
	border:1px solid #7abb2c;
}
#userName{
	height:30px;
	width: 358px;
}
#conBox{
	width:760px;
	resize:none;
	height:65px;
	overflow:auto;
}
#msgBox form div{
	position:relative;
	color:#999;
	margin-top:10px;
}
#msgBox img{
	border-radius:3px;
}
#face{
	position:absolute;
	top: 0;
	left:375px;
}
#face img{
	float: left;
	width:30px;
	height:30px;
	margin-right: 6px;
	cursor:pointer;
	opacity:0.5;
	filter:alpha(opacity=50);
}
#face img:last-child{
	margin-right: 0;
}
#face img.hover,#face img.current{
	width:30px;
	height:30px;
	border: 1px solid #f60;
	opacity: 1;
	filter: alpha(opacity=100);
}
#sendBtn{
	border: none;
	width: 112px;
	height: 30px;
	color: #fff;
	font-size: 14px;
	line-height: 30px;
	border-radius: 5px;
	background: #1078B0;
	cursor: pointer;
	margin-left: 10px;
}
#msgBox form .maxNum{
	font:26px/30px Georgia, Tahoma, Arial;
	padding:0 5px;
}
#msgBox .list{
	padding:10px;
}
#msgBox .list h3{
	position:relative;
	height:33px;
	font-size:14px;
	font-weight:400;
	background:#e3eaec;
	border:1px solid #dee4e7;
}

#msgBox .list h3 span{
	position:absolute;
	left:6px;
	top:6px;
	background:#fff;
	line-height:28px;
	display:inline-block;
	padding:0 15px;
}
#msgBox .list ul{
	overflow:hidden;
	zoom:1;
}
#msgBox .list ul li{
	float:left;
	clear:both;
	width:100%;
	border-bottom:1px dashed #d8d8d8;
	padding:10px 0;
	background:#fff;
	overflow:hidden;
}
#msgBox .list ul li.hover{
	background:#f5f5f5;
}
#msgBox .list .userPic{
	float:left;
	width:50px;
	height:50px;
	display:inline;
	margin-left:10px;
	border:1px solid #ccc;
	border-radius:3px;
}
#msgBox .list .content{
	float:left;
	width:400px;
	font-size:14px;
	margin-left:10px;
	font-family:Arial;
	word-wrap:break-word;
}
#msgBox .list .userName{
	display:inline;
	padding-right:5px;
}
#msgBox .list .userName a{
	color:#2b4a78;
}
#msgBox .list .msgInfo{
	display:inline;
	word-wrap:break-word;
}
#msgBox .list .times{
	width: 680px;
	color:#889db6;
	font:12px/18px Arial;
	margin-top:5px;
	overflow:hidden;
	zoom:1;
}
#msgBox .list .times span{
	float:left;
}
#msgBox .list .times a{
	float:right;
	color:#889db6;
	display:block;
	margin-right: 5px;
}
.tr{
	overflow:hidden;zoom:1;
}
.tr p{
	float:right;
	line-height:30px;
}
.tr *{
	float:left;
}
















